import React from "react";

type Props = {};

const index = (props: Props) => {
  return (
    <div className="headerbox">
      <dl className="top">
        <dt>
          <img src={require("../../static/今日支付订单数.png")} alt="" />
        </dt>
        <dd>
          <p style={{ fontSize: "25px", color: "#FF8524", fontWeight: "700" }}>
            328
          </p>
          <p>今日支付订单数</p>
        </dd>
      </dl>
      <div className="bottom" style={{ display: "flex", alignItems: "center" }}>
        日同比
        <span style={{ color: "#00CBA8" }}>增高20%</span>
      </div>
    </div>
  );
};

export default index;
